<template>
    <div ref="container" class="container">
        {{ content }}
    </div>
    <button @click="getElementHandle">获取元素</button>
</template>
<!-- 内容改变：{{模板语法}} -->
<!-- 属性改变：v-bind指令 -->
<!-- 事件：v-on指令 -->
<script>
export default {
    data() {
        return {
            content: "内容"
        }
    },
    methods: {
        getElementHandle() {
            console.log(this.$refs.container);
            // 修改值
            this.$refs.container.innerHTML = "哈哈哈"
        }
    }
}
</script>




